<template>
  <div class="detail">
    <div class="current-bar">
      <Breadcrumb class="current-bar">
        <BreadcrumbItem to="/">
          <Icon type="ios-home-outline"></Icon>
          Home
        </BreadcrumbItem>

        <span v-for="(value, key) in current">
          <BreadcrumbItem to="/components/breadcrumb">
          <Icon type="social-buffer-outline"></Icon>
            {{ key }}
        </BreadcrumbItem>
        </span>
      </Breadcrumb>
    </div>

    <slot name="detail">

    </slot>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    props: {
      current: {
        type: Object,
        default: {}
      }
    },
    created() {

    }
  }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  .current-bar
    padding: 10px 0
</style>